<template>
	<view>
		<view class="releases">
			<view class="list">
			<view class="acea-row row-middle row-between item border-b">
				<view class="label label-m">
					姓名
				</view>
				<view class="item-r">
					<input class="input-r" type="text" placeholder-class="placeholder-class" placeholder="请输入姓名" v-model="name">
				</view>
			</view>
			<view class="acea-row row-middle row-between item border-b">
				<view class="label">
					备注
				</view>
				<view class="item-r">
					<input class="input-r" type="text" placeholder-class="placeholder-class" placeholder="设置备注" v-model="remask">
				</view>
			</view>
			<view class="acea-row row-middle row-between item border-b">
				<view class="label label-m">
					电话
				</view>
				<view class="item-r">
					<input class="input-r" type="number" placeholder-class="placeholder-class" placeholder="请输入电话" v-model="phone">
				</view>
			</view>
			<view class="acea-row row-middle row-between item border-b">
				<view class="label label-m">
					身份
				</view>
				<view class="item-r sanjiao-right">
					<picker mode="selector" :range="identityList" @change="identityPickerChange">
						<view :class="identity?'text-r':'no-data-r'">{{identity||'请选择身份'}}</view>
					</picker>
				</view>
			</view>
		</view>
		<view class="submit-btn">
			完成
		</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				name:'',
				remask:'',
				phone:'',
				identityList:['老板','雇员','房东'],
				identity:'',
				identityId:'',
			};
		},
		methods:{
			identityPickerChange(e){
				let idx = e.detail.value
				this.identity = this.identityList[idx]
			}
		}
		
	}
</script>

<style lang="scss">
// @import url("../../../static/css/releaseForm.css");
	@import '/static/css/releaseForm.css';
</style>
